<template>
	<view class="content">
		<view class="get-meal">
			<image style="width: 100%; height: 100%;" mode="aspectFit" :src="imgs.gets"></image>
		</view>
		<view class="get-mess">
			请开门取餐
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imgs:{
					gets: '/static/images/get_meal_pic@3x.png'
				}
			}
		},
		methods: {

		}
	}
</script>

<style>
	.content{
		text-align: center;
	}
	.get-meal {
		margin: 300rpx auto 0 auto;
		width: 160rpx;
		height: 160rpx;
	}
	.get-mess{
		margin-top: 30rpx;
		font-size:30rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(51,51,51,1);
		line-height:1;
	}
</style>
